<if condition="($Think.cookie.channel eq bbhs) or ($Think.cookie.channel eq zd1) or ($Think.cookie.channel eq qudao91)">
    <else />

    <h3 class="hotcs_title">热门推荐</h3>
    <ul class="hotcs_list">

        <if condition="($orderidnum eq 'Bzcy') and ($Think.cookie.channel eq 'qudao245')">
            <!-- 广告 -->
            <include file="Public/Advertisement" />
            <else />
        </if>

       <!-- 机遇 -->
       <if condition="($Think.cookie.channel eq 'qudao138') or ($Think.cookie.channel eq 'qudao245')">
        <else />
        <li id='aftercheckplatform' class="hotcs_hb hotcs_item" data-type="zmmx" data-url="<!--{:U('Lnyc2020/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
            <h3 class="h_title">2020年大事太多，你会有什么机遇？神准！</h3>
            <div class="img_box">
                <figure><img src="__PUBLIC__/images/public/jq1.png" class="h_img" alt=""></figure>
                <figure><img src="__PUBLIC__/images/public/jq2.png" class="h_img" alt=""></figure>
                <figure><img src="__PUBLIC__/images/public/jq3.png" class="h_img" alt=""></figure>
            </div>
        </li>
    </if>
    <!-- 财运  -->
    <if condition="($Think.cookie.channel eq 'qudao138') or ($Think.cookie.channel eq 'qudao245')">
        <else />
        <li id='aftercheckplatform' class="hotcs_hb hotcs_item" data-type="zmmx" data-url="<!--{:U('Bzcy/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
            <h3 class="h_title">财运十断九验，大师教你转财运，寻得致富之道！</h3>
            <div class="img_box">
                <figure><img src="__PUBLIC__/images/public/cy4.png" class="h_img" alt=""></figure>
                <figure><img src="__PUBLIC__/images/public/cy5.png" class="h_img" alt=""></figure>
                <figure><img src="__PUBLIC__/images/public/cy6.png" class="h_img" alt=""></figure>
            </div>
        </li>
    </if>
        <!-- ai面相 -->
        <if condition="($Think.cookie.channel eq 'qudao138') or ($Think.cookie.channel eq 'qudao245')">
            <else />
            <li id='aftercheckplatform' class="hotcs_hb hotcs_item" data-type="zmmx" data-url="https://aiface.yixueqm.com/app/index.php?i=2&c=entry&do=index&m=hc_face&pid=10&channel=<!--{$Think.cookie.channel}-->">
                <h3 class="h_title">AI人工智能看面相，预知凶吉神准，快来试试！</h3>
                <div class="img_box">
                    <figure><img src="__PUBLIC__/images/public/img_aimx01.png" class="h_img" alt=""></figure>
                    <figure><img src="__PUBLIC__/images/public/img_aimx02.png" class="h_img" alt=""></figure>
                    <figure><img src="__PUBLIC__/images/public/img_aimx03.png" class="h_img" alt=""></figure>
                </div>
            </li>
        </if>



        <if condition="$orderidnum eq 'Lnyc'">
            <else />
            <li class="hotcs_item" data-type="zmyc" data-url="<!--{:U('Lnyc2020/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_5.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>2020运程</b>：2020年大事太多！下半年你会有什么遭遇？神准！</p>
                    <div class="r_foot">
                        <p data-type="zmyc">
                            <!--{$Think.cookie.zmycNumber}-->
                        </p>
                        <p>9.6分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Bzjp'">
            <else />
            <li class="hotcs_item" data-type="zmbz" data-url="<!--{:U('Bzjp/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_0.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>八字精批</b>：你的农历生日决定了你是什么样的人？</p>
                    <div class="r_foot">
                        <p data-type="zmbz">
                            <!--{$Think.cookie.zmbzNumber}-->
                        </p>
                        <p>9.7分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="($orderidnum eq 'Bzhh') or ($Think.cookie.channel eq 'qudao50')">
            <else />
            <li class="hotcs_item" data-type="zmhh" data-url="<!--{:U('Bzhh/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_1.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>八字合婚</b>：看你和TA的八字合不合？关系你后半生幸福一定要看！</p>
                    <div class="r_foot">
                        <p data-type="zmhh">
                            <!--{$Think.cookie.zmhhNumber}-->
                        </p>
                        <p>9.6分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Zwds'">
            <else />
            <li class="hotcs_item" data-type="zmzw" data-url="<!--{:U('Zwds/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_2.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>一生运势</b>：有这4种特征的人一生福报满满，好运自然来！</p>
                    <div class="r_foot">
                        <p data-type="zmzw">
                            <!--{$Think.cookie.zmzwNumber}-->
                        </p>
                        <p>9.7分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Bzsy'">
            <else />
            <li class="hotcs_item" data-type="zmsy" data-url="<!--{:U('Bzsy/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_3.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>事业测算</b>：人一辈子总是希望能出人头地，教你三招旺2020年事业！</p>
                    <div class="r_foot">
                        <p data-type="zmsy">
                            <!--{$Think.cookie.zmsyNumber}-->
                        </p>
                        <p>9.5分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Bzcy'">
            <else />
            <li class="hotcs_item" data-type="zmcy" data-url="<!--{:U('Bzcy/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_4.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>八字财运</b>：财运十断九验，哪些人老了才走财运？大师教你转财运！</p>
                    <div class="r_foot">
                        <p data-type="zmcy">
                            <!--{$Think.cookie.zmcyNumber}-->
                        </p>
                        <p>9.3分</p>
                    </div>
                </div>
            </li>
        </if>


        <if condition="($orderidnum eq 'Hyzs') or ($Think.cookie.channel eq 'qudao50')">
            <else />
            <li class="hotcs_item" data-type="zmhy" data-url="<!--{:U('Hyzs/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_6.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>婚姻走势</b>：婚姻是个坎！民间老师傅告诉你姻缘走势，准的惊人！</p>
                    <div class="r_foot">
                        <p data-type="zmhy">
                            <!--{$Think.cookie.zmhyNumber}-->
                        </p>
                        <p>9.1分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Xmcs'">
            <else />
            <li class="hotcs_item" data-type="zmxm" data-url="<!--{:U('Xmcs/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_7.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>姓名测算</b>：神奇的姓名吉凶测试，解开运势密码！结果不要太吃惊！</p>
                    <div class="r_foot">
                        <p data-type="zmxm">
                            <!--{$Think.cookie.zmxmNumber}-->
                        </p>
                        <p>9.3分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Xzcs'">
            <else />
            <li class="hotcs_item" data-type="zmxz" data-url="<!--{:U('Xzcs/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_8.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>星盘测算</b>：印度天文占星大法，康熙皇帝也沉迷的神秘算命术。</p>
                    <div class="r_foot">
                        <p data-type="zmxz">
                            <!--{$Think.cookie.zmxzNumber}-->
                        </p>
                        <p>9.1分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="($orderidnum eq 'Bbqm') or ($Think.cookie.channel eq 'qudao71') ">
            <else />
            <li class="hotcs_item" data-type="zmqm" data-url="<!--{:U('Bbqm/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_9.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>宝宝起名</b>：给孩子起名需要注意的，不要亲手毁掉他的一生！</p>
                    <div class="r_foot">
                        <p data-type="zmqm">
                            <!--{$Think.cookie.zmqmNumber}-->
                        </p>
                        <p>9.6分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Pfc'">
            <else />
            <li class="hotcs_item" data-type="zmpfc" data-url="<!--{:U('Pfc/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_10.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>剖腹产选日子</b>：富豪、明星为什么选择剖腹产择日？大有学问讲究。</p>
                    <div class="r_foot">
                        <p data-type="zmpfc">
                            <!--{$Think.cookie.zmpfcNumber}-->
                        </p>
                        <p>9.3分</p>
                    </div>
                </div>
            </li>
        </if>

        <if condition="$orderidnum eq 'Szjx'">
            <else />
            <li class="hotcs_item" data-type="zmhm" data-url="<!--{:U('Szjx/index','',false)}-->?jieguoye=<!--{$jieguoye}-->">
                <figure><img src="__PUBLIC__/images/public/img_11.png" class="l_img" alt=""></figure>
                <div class="r_wrap">
                    <p class="r_deriction"><b>号码解析</b>:手机号码大揭秘，11位数暴露了你的.....</p>
                    <div class="r_foot">
                        <p data-type="zmhm">
                            <!--{$Think.cookie.zmhmNumber}-->
                        </p>
                        <p>9.5分</p>
                    </div>
                </div>
            </li>
        </if>

        <!-- ai面相 -->
        <if condition="($Think.cookie.channel eq 'qudao138')">
            <li id='aftercheckplatform' class="hotcs_hb hotcs_item" data-type="zmmx" data-url="https://aiface.yixueqm.com/app/index.php?i=2&c=entry&do=index&m=hc_face&pid=10">
                <h3 class="h_title">AI人工智能看面相，预知凶吉神准，快来试试！</h3>
                <div class="img_box">
                    <figure><img src="__PUBLIC__/images/public/img_aimx01.png" class="h_img" alt=""></figure>
                    <figure><img src="__PUBLIC__/images/public/img_aimx02.png" class="h_img" alt=""></figure>
                    <figure><img src="__PUBLIC__/images/public/img_aimx03.png" class="h_img" alt=""></figure>
                </div>
            </li>
            <else />
        </if>
        <!-- 铜鹿 -->
        <if condition="($Think.cookie.channel eq 'qudao138')">
            <li class="hotcs_hb hotcs_item" data-type="zmqf" data-url="https://hy.yixueqm.com/interface/index.php/Home/Kaiyun/index?native=2&QTTopenid=<!--{$Think.cookie.QTTopenid}-->&channel=<!--{$Think.cookie.channel}-->&typeid=3">
                <h3 class="h_title">逐鹿生财铜摆件，汲取中华文化设计，宅安财旺必请</h3>
                <div class="img_box">
                    <figure><img src="__PUBLIC__/images/public/img_tl01.png" class="h_img" alt=""></figure>
                    <figure><img src="__PUBLIC__/images/public/img_tl02.png" class="h_img" alt=""></figure>
                    <figure><img src="__PUBLIC__/images/public/img_tl03.png" class="h_img" alt=""></figure>
                </div>
            </li>
            <else />
        </if>

    </ul>

</if>
<script>
    // 安卓不显示ai面相
//    if(/android/i.test(navigator.userAgent) || /adr/i.test(navigator.userAgent)){
//        $('#aftercheckplatform').css('display','none')
//    }
    
    $('.hotcs_item').each(function () {
        $(this).on('click', function () {
            var type = $(this).attr('data-type');
            $.getJSON("<!--{:U('Index/zmClick','',false)}-->", {
                type: type
            }, function (data) { //回调入库
            });
            window.location.href = $(this).attr('data-url');
        })
        this.onclick = function (e) {
            var type = this.getAttribute('data-type');
            $.getJSON("<!--{:U('Index/zmClick','',false)}-->", {
                type: type
            }, function (data) { //回调入库
            });
            window.location.href = this.getAttribute('data-url');
        }
    })

    $('.r_foot').each(function () {
        var item = $(this).children()[0];
        item.onclick = function (e) {
            e.stopPropagation();
            var type = this.getAttribute('data-type');
            if (this.classList.toggle('on')) {
                $.getJSON("<!--{:U('Index/zmClickZ','',false)}-->", {
                    type: type
                }, function (data) { //回调入库
                });
                this.textContent++;
            } else {
                this.textContent--;
            }
        }
    })
</script>
<style>
    .hot_cs {
        border: none;
        border-top: 0.2rem solid #F3F3F3;
        box-sizing: border-box;
        background-color: #ffffff;
        margin: 0;
    }

    .hotcs_title {
        font-size: 0.3rem;
        color: #333333;
        padding: 0.2rem;
        border-bottom: 0.2rem solid #f5f5f5;
    }

    .hotcs_list {
        list-style: none;
        padding: 0 0.2rem;
        padding-bottom: 0.2rem;
    }

    .hotcs_item {
        display: flex;
        -webkit-tap-highlight-color: transparent;
        color: #333333;
        align-items: center;
        margin-bottom: 0.4rem;
    }

    .hotcs_item:nth-last-child(1) {
        margin-bottom: 0;
    }

    .hotcs_item .l_img {
        width: 1.78rem;
        height: 1.4rem;
        vertical-align: middle;
    }

    .hotcs_item .r_wrap {
        margin-left: 0.24rem;
        flex: 1;
        height: 100%;
    }

    .hotcs_item .r_wrap .r_deriction {
        font-size: 0.32rem;
        color: #333333;
        margin-bottom: 0.1rem;
    }

    .hotcs_item .r_wrap .r_foot {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .hotcs_item .r_wrap .r_foot p:nth-child(1) {
        padding-left: 0.36rem;
        background: url('__PUBLIC__/images/public/icon_dianzan.png') 0% 50% no-repeat;
        background-size: 0.24rem;
        font-size: 0.22rem;
        line-height: 2;
        color: #A78A5F;
    }

    .hotcs_item .r_wrap .r_foot p:nth-child(2) {
        padding: 0rem 0.2rem;
        border: 0.02rem solid #FFBE4B;
        border-radius: 0.1rem;
        font-size: 0.2rem;
        color: #FFCC71;
    }

    .hotcs_item.hotcs_hb {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.3rem;
        align-items: flex-start;
    }

    .h_title {
        width: 100%;
        font-size: 0.32rem;
        color: #333333;
        font-weight: bold;
        position: relative;
        margin-top: 0.2rem;
    }

    /* .h_title::after{
        content:'立即查看';
        width:1.15rem;
        height:0.32rem;
        line-height: 0.32rem;
        text-align: center;
        color:#ffb430;
        border-radius: 0.12rem;
        border:0.02rem solid #ffb430;
        display: inline-block;
        font-size:0.22rem;
        position: absolute;
        right:0;bottom:0;
        margin-bottom:0.04rem;
    } */
    .hotcs_item .img_box {
        display: flex;
        padding: 0.2rem 0;
        border-bottom: 0.01rem solid #eaeaea;
    }

    .h_img {
        width: 2.08rem;
        height: 1.5rem;
        vertical-align: middle;
    }

    .hotcs_item .img_box figure {
        margin-right: 0.1rem;
    }

    .hotcs_item .img_box figure:nth-last-child(1) {
        margin-right: 0;
    }
</style>